.container {
	width: 100%;
	height: 100%;
	background-color: #f4f6fa;
	position: relative;
	padding: 10rpx 25rpx 0 25rpx;
}

.selectBox1 {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.select-container {
	position: relative;
	margin-top: 10rpx;
	/* 添加顶部边距 */
	margin-left: 10rpx;
	/* 添加左侧边距 */
}

.selected-option {
	width: 200rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	/* 边框颜色 */
	border: 1px solid #e7e8e8;
	box-shadow: none;
	position: relative;
	/* 确保按钮在下拉菜单之上 */
	z-index: 1001;
	
}

.dropdown {
	position: absolute;
	top: calc(100% + 25rpx);
	/* 下拉菜单紧贴按钮下方，并与按钮保持 25rpx 的间隔 */
	left: 0;
	background-color: white;
	/* border: 1px solid #ccc; */
	z-index: 1000;
	width: 100%;
}

.dropdown::before {
	content: "";
	position: absolute;
	top: -18px;
	/* 三角形的顶部位置 */
	left: 5px;
	/* 三角形的左侧位置 */
	border-width: 10px;
	/* 增大三角形大小 */
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	/* background-color: red; */
	z-index: 1001;
	/* 确保三角形在下拉菜单之上 */
}

.dropdown::after {
	content: "";
	position: absolute;
	top: -11rpx;
	/* 三角形的顶部位置 */
	left: 10rpx;
	/* 三角形的左侧位置 */
	border-width: 5rpx;
	border-style: solid;
	border-color: transparent transparent #ccc transparent;
	z-index: 1000;
	/* 确保三角形在下拉菜单之下 */
}

.option {
	padding: 10px;
	cursor: pointer;
}

.option:hover {
	background-color: #f0f0f0;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.2s;
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}